
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="../css/indesx.css">
    <link rel="stylesheet" href="../css/css/swiper.min.css">
    <script src="../js/js编写.js"></script>
    <script src="../js/js/swiper.min.js"></script>
    <title>某某酒店</title>
</head>
<body>
<div class="box">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="../images/1.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/2.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/3.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/4.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/5.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/10.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/11.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/12.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../images/13.jpg" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
</div>
<script>
    var swiper = new Swiper(".mySwiper", {
    slidesPerView: 3,
    spaceBetween: 30,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    autoplay: {
  delay: 2000,
  stopOnLastSlide: false,
  disableOnInteraction: true,
  },
  });
</script>

<div class="top">
        <ul class="navbar">
            <li> <img src="../images/截图1.png" alt=""></li>
            <li> <img src="../images/截图2.png" alt=""></li>
            <li> <img src="../images/截图3.png" alt=""></li>
            <li> <img src="../images/截图4.png" alt=""></li>
            <li> <img src="../images/截图5.png" alt=""></li>
            <li> <img src="../images/截图6.png" alt=""></li>
        </ul>
</div>
</body>
</html>

